<template>
    <div class="films-box">
        <div class="list-name">
            <span>热门电影</span>
        </div>
        <FilmList class="content-list"></FilmList>
    </div>
</template>

<script>
import FilmList from "../components/FilmList.vue";
export default {
    components: {
        FilmList
    }

}
</script>

<style>
.films-box {
    position: absolute;
    top: 0rem;
    bottom: 0rem;
    left: 0rem;
    right: 0rem;
    overflow-y: auto;
}

.content-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    width: 100%;
    font-size: 0rem;
}

.content-list>* {
    margin-top: 0.2rem;
}
</style>